<template>
  <header>
    <div class="top-bar">
      <slot name="tleft"></slot>
      <slot name="tright"></slot>
    </div>
  </header>
</template>

<script>

export default {
  name: 'topBar',
};
</script>

<style scoped>
header {
  background-color: #eee;
  height: 36px;
}
.top-bar {
  height: 36px;
  width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  line-height: 36px;
}
.tleft {
  width: 170px;
}
</style>
